<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:sec="http://www.springframework.org/security/facelets/tags">

<ui:composition template="/resources/templates/template-basico.xhtml">
	<ui:define name="content">
		
			<p:panelGrid style="left:40%; top:30%;margin-left:-110px; margin-top:-40px; text-align:left; position:absolute">
				<f:facet name="header">
					<p:row>
						<p:column style="height:50px">
							<h:outputText value="#{i18n['home.filial']}: " />
						</p:column>
						<p:column style="height:50px">
							<h:outputText value="#{i18n['home.data']}: " />
							<h:outputText value="#{caixaBean.caixa.dataAbertura.time}">
								<f:convertDateTime timeZone="America/Manaus" pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>
					</p:row>
				</f:facet>
				
				<p:row>
					<p:column style="height:100px">
						<h:outputText value="#{i18n['home.valorInicial']}:" style="font-size:14px; font-weight: bold;" />
					</p:column>
					<p:column>
						<p:inputText id="vlrFipe" value="#{caixaBean.caixa.valorInicial}" converter="doubleConversor" />
					</p:column>
				</p:row>
				
				<f:facet name="footer">
					<p:row>
						<p:column colspan="2">
							<p:commandButton value="#{i18n['home.confirmar']}" action="#{caixaBean.abrirCaixa}" ajax="false" update="menubarcaixa" icon="ui-icon-check"/>
						</p:column>
					</p:row>
				</f:facet>
			</p:panelGrid>

<script type="text/javascript"
			src="#{facesContext.externalContext.requestContextPath}/resources/js/jquery.maskMoney.js">
		</script>
		<script type="text/javascript">
			jQuery(function() {
				jQuery('input[id*=vlrFipe]').maskMoney({
					symbol : 'R$ ',
					showSymbol : true,
					thousands : '.',
					decimal : ',',
					symbolStay : true
				});

			});
		</script>
	</ui:define>
</ui:composition>
</html>